@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'font1';
    src: url('../font/FUTURASTD-BOOK.OTF');
}

*{ margin:0px; padding:0px;}
ul, li{ list-style:none; padding:0px; margin:0px; list-style-type:none;}
/*基本信息*/
body,td,th{ font-size:14px; font-family:font1;}
body{ margin:0px; padding:0px; font-family:font1,'微软雅黑';  background:#000;}
img{ border:none}
a{ text-decoration:none;color:#111;}
a:hover{ color:#cca000}
i{ font-style:normal}
b{ font-weight:normal}
select{ vertical-align:middle;}
i, cite, em, var, address, dfn { font-style: normal;}
button, input, select, textarea{ font-size:100%; margin:0; outline:0 none; vertical-align:middle;}
textarea{ overflow:auto; vertical-align:top; resize:none;}
button, html input[type="button"], input[type="reset"], input[type="submit"], .submit-btn{ -webkit-appearance:button; cursor:pointer; *overflow:visible;}
button[disabled], input[disabled], .disable{ cursor:default;}
input[type="checkbox"], input[type="radio"], .form-radio, .form-checkbox{ box-sizing:border-box; padding:0;}
legend{ border:0; padding:0; white-space:normal; *margin-left:-7px;}
button::-moz-focus-inner, input::-moz-focus-inner{ border:0; padding:0;}
a,input, button, select, textarea{ outline:none;}
.clear{ clear:both;}
input{ box-sizing:inherit;}
fieldset{ border-width:1px 0 0 0; border-style:solid; padding:0 10px 0 18px; border-color:#bebec0}
legend{ padding:0 5px; font-size:13px; font-weight:bold}
h1, h2, h3, h4, h5, h6{ margin:0; padding:0; font-weight:normal; font-size:30px; color:#292929;}
::-moz-focus-inner{ border:0px;}

.header{ width:100%; height:auto; margin:0 auto;   top:0px; position:fixed; z-index:99999;  border-bottom:#333 solid 1px; background:url(../img/news_line.jpg) repeat-x 10px 79px #000;}
.top{ width:1200px; margin:0 auto; }
.logo{ width:auto; height:auto; margin-top:15px; float:left;}
.logo img { float:left;}
.logo .top1{ margin-left:12px; margin-top:16px;}
.top_rigt{float:right; height:auto; width:225px; overflow:hidden;}
.top_qq{ line-height:30px; margin-top:15px; float:left; }
.top_qq a{ color:#666; font-size:13px;margin-bottom:5px;}
.top_search input{float:left; line-height:30px; height:30px; font-size:13px; padding-left:8px; border:#ccc solid 1px;border-radius:3px 0px 0px 3px; border-right:0}
.top_search .search_ok{float:left; height:30px; background:#e4bd01; color:#FFF; border:#e4bd01 solid 1px;border-radius:0px 3px 3px 0px; padding:0 12px; cursor:pointer}

.phone{float:right; line-height:32px; color:#888; font-size:17px; font-family:Arial; margin-top:34px;}
.phone img{ float:left; margin-right:15px; }

.nav{ width:780px; margin:0 auto; float:right;  color:#666666;}
.nav li{width: auto; float:left; padding:0px 25px; position:relative;  line-height:79px; display:block;}
.nav li ul{ display:none; border-radius: 3px;   box-shadow: -2px 2px 0px #ccc;   position:absolute; top:70px; z-index:99999999; left:0px;  padding:10px 0;  background:#fff; width:130px; }
.nav li ul li{height:30px; padding:0; margin:0; text-align:center; line-height:30px; width:100%; float:left; position:relative}

.nav li ul li dl{ display:none; border-radius: 3px; box-shadow: 2px 2px 0px #ccc; position:absolute; top:-10px; z-index:99999999; left:130px;  padding:10px 0;  background:#fff; width:110px; }
.nav li ul li dl dt{height:30px; text-align:center; line-height:30px; width:100%; float:left; position:relative}

.nav li ul li dll{ display:none; border-radius: 3px; box-shadow: 2px 2px 0px #ccc; position:absolute; top:-10px; z-index:99999999; left:110px;  padding:10px 0;  background:#fff; width:110px; }
.nav li ul li dll dlt{height:30px; text-align:center; line-height:30px; width:100%; float:left; position:relative}

.nav a{ color:#ddd; font-size:14px; font-weight:100;}
.nav li:hover{ color:#ca9147;}
.nav li:hover a{ color:#ca9147;}
.nav li:hover ul{ display:block}
.nav li ul li:hover{ background:#ddd; }
.nav li ul li:hover a{  color:#000}
.nav li ul li:hover dl{ display:block}
.nav li ul li:hover dl a{color:#ca9147;}
.nav li ul li:hover dl dt:hover{background:#ddd;}
.nav li ul li:hover dl dt:hover a{  color:#000}

.nav li ul li:hover dl dt:hover dll{ display:block}
.nav li ul li:hover dl dt:hover dll a{color:#ca9147;}
.nav li ul li:hover dl dt:hover dll dlt:hover{background:#ddd;}
.nav li ul li:hover dl dt:hover dll dlt:hover a{color:#000}

.banner{ width:100%; height:608px; margin:0px auto 0px; overflow:hidden; }

.width100{ width:100%; overflow:hidden}



.about{ width:1200px; margin:80px auto;  text-align:center;color:#EEE;}
.about .intro{ width:100%; margin-top:20px; line-height:2;  font-size:16px}
.about_con{ width:100%; text-align:left; margin-top:200px;}
.about_left{ width:585px; float:left}
.about_left em{ width:100%; color:#ffffff; float:left; font-size:22px; margin-top:10px; font-style:normal;}
.about_left span{ width:100%; float:left; line-height:2; margin-top:20px;}
.about_left .read_more{ background:#ca9147; color:#fff; float:left; padding:10px 30px; border-radius: 30px; margin-top:30px;}

.ads1{width:100%; height:190px; background:url(../img/ads1.jpg) no-repeat center; overflow:hidden}

.product-number-info {background: #ca9147;position: relative; height:190px}
.product-number-info .product-number-inner {width: 1100px;margin: 0 auto;}
.product-number-info ul {padding: 55px 0;}
.q {zoom: 1; }
.product-number-info li {float: left;width: 218px;height: 90px;border-left: 2px solid #fff;color: #fff;padding-top: 1px;}
.product-number-info li:first-child {border: none;}
.product-number-info li b {font-weight: 400;font-size: 42px;line-height: 1;display: inline-block;position: relative;margin: 15px 0 10px;}
.product-number-info li p {font-size: 14px;}
.product-number-info li b i { font-style: normal;}
.product-number-info li b sup { position: absolute; font-size: 20px; right: -15px;  top: -3px;}
.product-number-info li.li-2 b, .product-number-info li.li-2 p {padding-left: 65px;}
.product-number-info li b em {font-style: normal;font-size: 28px;font-weight: 100;padding-left: 2px;position: relative;top: -4px;}
.product-number-info li.li-3 b, .product-number-info li.li-3 p {padding-left: 55px;}
.product-number-info li.li-4 b, .product-number-info li.li-4 p {padding-left: 60px;}
.product-number-info li.li-5 { padding-left:50px; width:138px}
.product-number-info li.li-1 {width:248px;}


.product{ width:1200px; height:auto; overflow:hidden; margin:80px auto; background:url(../img/news_line.jpg) repeat-x 10px 19px ;}
.product .title{font-size:20px; background:#1b1b1b;  width:auto; float:left; padding-right:20px; color:#fff; margin-bottom:50px;}
.product .title em{ font-size:15px;}

.product .more{ float:right;  background:#1b1b1b;  width:auto;width:auto; padding:7px 15px;  }
.product .more em{background:#ca9147; color:#111; padding:5px 15px; border-radius:3px;}

.product ul{ width:100%; float:left; display:none}
.product ul li{ width:282px;float:left; margin:0px ; margin-right:18px; margin-bottom:18px;  position:relative;  line-height:30px;}

.hidden-xs{width:100%; overflow:hidden; position:relative}
.show_t{ text-align:center; width:100%; position:absolute; top:40%; font-size:48px; color:#ca9147; letter-spacing:5px}

.show_t2{ text-align:center; width:100%; position:absolute; top:35%; font-size:48px; color:#ca9147;text-transform:uppercase}

.p_left{width:270px; float:left;}
.p_left p.p1{ font-size:14px; color:#333; margin:0 20px; float:left; margin-top:15px}
.p_left p.p2{ width:100%; font-size:13px; color:#b2b2b2;text-transform : uppercase; margin:0 20px; float:left; }
.product ul li:hover a p.p1{ color:#333;}
.p_right{ float:right; padding:0px 5px; background:#bbbbbb; color:#FFF; margin-top:30px; margin-right:15px;}
.product ul li:hover .p_right{ background:#f0c701}
/* qqshop focus */
#focus {width:100%; height:608px; overflow:hidden; position:relative;}
#focus ul {height:500px; position:absolute;}
#focus ul li {float:left; width:100%; height:608px; overflow:hidden; position:relative;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:1200px; height:20px; left:0; bottom:0; }
#focus .btn {position:absolute; width:1200px; height:10px; padding:5px 10px; right:10px; bottom:15px; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}
#focus .preNext {width:45px; height:100px; position:absolute; top:220px; background:url(../img/sprite.png) no-repeat 0 0; cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}
.news_con{ width:1200px; height:auto; margin:29px auto; overflow:hidden;}
.news_left{ width:310px; height:auto; float:left; overflow:hidden; font-size:13px; line-height:25px; border-bottom:#c09c2a solid 1px; padding-bottom:20px; }
.news_left  .newspic{ display:block; float:left; width:310px; margin-bottom:20px;}
.news_left  .newspic .gz{position:absolute; width:98px; height:38px; top:55px; right:10px; text-align:center; background:url(../img/gz.jpg); font-size:18px; color:#fff}

.news_left  .newstext{ display:block; float:left; padding:40px 20px; overflow:hidden; width:345px;}
.news_left  .newstext p.p1{ font-size:16px; color:#333; text-align:center; padding-bottom:15px; padding-top:20px;}
.news_left  .newstext p.p2{ font-size:12px; color:#666; text-align:center; line-height:24px; padding-bottom:20px;}
.news_left  .newstext p.p3{ font-size:14px; color:#666; text-align:center; background:url(../img/line.png) no-repeat center bottom; padding-bottom:13px;}

.news_left .newstext a:hover  p.p1{ color:#ed2e2e}
.news_left .newstext a:hover  p.p3{ color:#ed2e2e}
.news_middle{ width:480px; float:left; margin:0 50px; text-align:center}

.news_middle  .pic{ display:block; float:left;  margin-bottom:20px; position:relative }
.news_middle  .pic .gz{position:absolute; width:144px; height:52px; line-height:52px; top:30px; right:10px; text-align:center; background:url(../img/cp.png); font-size:28px; color:#fff}
.news_middle span{   width:129px; height:35px; display:inline-block; margin:10px; background:url(../img/new_m_bg.jpg); color:#FFF; line-height:35px; padding:3px 10px}
.news_middle span:hover{background:#f0c701; color:#FFF; cursor:pointer}

.news_middle a{ display:inline-block; }

.honor{ width:1200px; margin:30px auto;  }
.h_left{ float:left; cursor:pointer}
.h_right{ float:righ; cursor:pointer}

.news{ width:1200px; height:auto; margin:29px auto; overflow:hidden; margin-top:50px;}
.news_l{ width:800px; height:auto; float:left; overflow:hidden; font-size:13px; line-height:25px;}
.news_l .newspic{line-height:40px; float:left; font-size:17px; position:relative}
.news_r{width:455px; float:right;}
.news_r .more{height:40px; line-height:40px; text-align:right; font-size:13px; color:#cca000}
.news_r ul{width:454px; float:left; border:#CCC solid 1px; border-left:0; border-bottom:0}
.news_r ul li{width:100%; float:left; height:76px; border-bottom:#CCC solid 1px; cursor:pointer}
.new_l1{width:80px; height:61px; float:left; border-right:#CCC solid 1px; text-align:center; font-size:20px; padding-top:15px}
.new_l1 span{font-size:14px;}
.new_l_con{width:360px;  padding-left:12px; float:right; padding-top:14px;}
.news_r ul li:hover .new_l1{ background:url(../img/new_l1.png); color:#fff;}
.news_r ul li:hover .new_l_con{color:#cca000;}


.video{ width:auto; float:right; line-height:40px; font-size:17px;}


.i_news{ width:1200px; height:auto; overflow:hidden; color:#eee; margin:80px auto; margin-bottom:40px }
.i_news .title{ width:100%; font-size:22px;}
.i_news .title em{ font-size:16px;}


.news_con{width:100%;  color:#FFF; background:url(../img/news_line.jpg) repeat-x 10px 60px; margin:0;}
.news_con ul{ width:1200px; margin:0 auto;}
.news_con ul li{ width:320px; min-height:518px; float:left; margin-left:110px;}
.news_con ul li img{ width:100%;}
.news_con ul li em{ font-size:20px;}
.news_con ul li .line{ width:11px; height:11px; margin-top:30px; display:block; background:url(../img/news_line.png) no-repeat;}
.news_con ul li .li_con{ width:100%; color:#969696; margin-top:30px; font-size:13px; line-height:1.8}
.news_con ul li .li_con img{ float:left; margin-bottom:15px;}
.news_con ul li .li_con font{ color:#fff; font-size:14px; line-height:2; padding-bottom:10px}
.news_con ul li .show_more{width:auto; display:none;  padding:3px 10px; float:left; border-radius:3px; background:#ca9147; color:#000; margin-top:20px;}

.news_con ul li:hover .line{ width:11px; height:11px; margin-top:30px; display:block; background:url(../img/news_line1.png) no-repeat;}
.news_con ul li:hover .show_more{ display:block}
.news_con ul li:first-child{ margin:0}
.news_con ul li:hover em{ color:#ca9147}

.foot_bg{ width:100%; height:auto; overflow:hidden; background-color:#191919; color:#eee; padding:60px 0px 20px;}

.foot{ width:1200px; height:auto; overflow:hidden; margin:0 auto; }
.foot .title{ width:100%; font-size:22px;}
.foot .title em{ font-size:16px;}
.foot .mess{ width:940px; margin:0 auto; font-size:14px; margin-top:75px; line-height:2}
.foot .mess span{ font-size:17px; width:100%; display:block; margin-bottom:10px;}
.foot .mess_con{width:940px; margin:0 auto; margin-top:45px}
.foot .mess_con span{ width:220px; float:left; font-size:13px}
.foot .mess_con span input{ width:100%; background:#282828; color:#eee; border:none; margin-bottom:10px; height:25px; line-height:25px; text-indent:10px}
.foot .con1{background:#282828; color:#eee;width:410px; padding:10px; height:75px; border:none; margin-left:40px}


.foot_left{ width:70%; float:left; overflow:hidden;}
.foot_nav{ width:100%; line-height:40px;  font-size:14px; margin-bottom:5px;}
.foot_nav a{color:#6e6e6e; display:inline-block; }
.foot_nav a.a1{ background:url(../img/foot_tel.png) no-repeat 0px 10px; padding-left:28px; font-size:14px; color:#e20000; font-weight:bold; }
.foot_nav a:hover{ color:#e20000}
.foot_left p.p1{ font-size:14px; color:#666; line-height:27px;}
.foot_left p.p2{ font-size:14px; color:#999; line-height:27px;}
.foot_right{ width:360px; float:right; margin:10px 0px; overflow: hidden; text-align:center}
/*product*/
.con_bgp{ width:100%; height:auto; overflow:hidden; border-top:1px solid #ededed; margin-top:10PX; padding:0px 0px 25px 0px;}
.main_con{ width:1200px; height:auto; margin:0 auto; overflow:hidden}
.location{ width:100%; line-height:40px; color:#333; font-size:14px;}
.location a{ color:#333}
.product_con{ width:1200px; height:auto; overflow:hidden; margin:10px auto; background-color:#fdfdfd}
.product_conleft{ width:400px; height:400px; text-align:center; float:left}
.product_conrig{ width:740px; height:auto; overflow:hidden; float:left; padding-left:30px; padding-right:30px;}
.product_conrig p.p1{ font-size:26px; font-family:"宋体"; color:#333; padding-top:45px;}
.product_conrig p.p2{ height:40px; font-size:14px; color:#666; background:url(../img/line.png) no-repeat left bottom; margin-bottom:25px; padding-top:6px;}
.product_conrig p.p3{ font-size:14px; color:#666; line-height:28px;}
.product_conrig:hover p.p1{color:#ed3030}
.product_botom{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.product_botom span a{ display:inline-block; float:left; background-color:#ed3030; font-size:16px; color:#fff; text-align:center; padding:10px 52px; border-radius:30px;}
.product_botom i{ display:inline-block; float:right;}
.bdsharebuttonbox{ margin-top:8px;}
.prod_con{ border-top:1px solid #ededed; padding-top:25px; text-align:center; font-size:19px; color:#555; margin-top:40px;}
.product_view{ width:1200px; height:auto; overflow:hidden; margin:20px auto;}
.p_more{ width:1200px; height:auto; overflow:hidden; margin:35px auto; margin-top:0px;}
.p_more ul li{ width:373px; float:left; margin-top:35px; margin-left:40px;}
.p_more ul li a .p_pic{ width:100%; height:auto; overflow:hidden; text-align:center; }
.p_more ul li a .p_pic img{ width:100%; height:250px;}
.p_more ul li a p{ font-size:14px; color:#333; padding-top:15px; text-align:center; line-height:35px;}
.p_more ul li.li1{ border-left:none; margin-left:0;}
.p_more ul li:hover a p{ color:#ed3030}

.left-box{width: 1200px;    float: left;    margin-top: 5px;    background-color: #d5d5d5;}
.left-box .two-column{float: left;    height: 40px;    color: #333;    width: 15%; margin-right:1px;   text-align: center; line-height:40px}
.left-box .two-column:hover{background:url(../img/hover40.jpg); color:#fff}

/*产品列表*/
.pro{width: 100%;min-height: 1004px;overflow: hidden;position: relative}
/*.pro-info-load img{vertical-align: middle;max-width: 400px;max-height: 624px}*/
.load_img{width: 800px;height: 600px;position: absolute;left: 50%;margin-left: -350px;bottom: 50%;margin-bottom: -315px;/*background-color: #fff;*/text-align: center}
.load_img img{height: 500px;}
.pror{width: 410px;height:774px;background-color: rgba(0,0,0,0.8);float: right}
.pror img{margin: 90px 0 0 45px;}
.introduction{width: 320px;height: auto;margin: 90px 0 0 45px;}
.introduction .title{font-size: 24px;color: #fff;border-bottom: 3px solid #fff;line-height: 2;overflow: hidden;font-weight: bold}
.introduction .title span{display: inline-block;float: left}
.introduction .title i{display:inline-block;float: right}
.introduction .title2{color: #fff;font-size: 17px;margin-top: 40px;}
.introduction .title3{color: #fff;font-size: 17px;margin-top: 40px;}
.prob{width: 100%;height: 230px;background-color: rgba(0,0,0,0.8);position: absolute;bottom: 0;left: 0;}
/*.proc{width: 1230px;position: absolute;left: 50%;margin-left: -750px;}*/
.pros{width: 1230px;margin:0 auto;position: relative;}
.pro-info-list{
}
.pro-info-list .bd{
    width: 1100px;
    height: 213px;
    margin-left: 70px;
    overflow: hidden;
}
.pro-info-list .bd li{
    width: 129px;
    height: 213px;
    padding: 12px 10px;
    margin-top: 8px;
    line-height: 30px;
    margin-right: 30px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    box-sizing: border-box;
    float: left;
}
.pro-info-list .bd li.on{
    padding: 11px 9px;
    border: 1px solid #9a7f61;
}
.pro-info-list-img{
    height: 165px;
}
.pro-info-list .bd li img{
    max-width: 86px;
    max-height: 165px;
}
.pro-info-list .prev,
.pro-info-list .next{
    position: absolute;
    width: 47px;
    height: 47px;
    opacity: 0.4;
    filter: alpha(opacity=40);
    top: 73px;
}
.pro-info-list .prev{
    left:0;
    background: url(../img/left.png) no-repeat left;
}
.pro-info-list .next{
    background: url(../img/right.png) no-repeat right;
    right: 0;
}
.pro-info-list .prev:hover,
.pro-info-list .next:hover{
    opacity: 1;
    filter: alpha(opacity=100);
}
.content2{margin-top: 15px;}
.content2 table tr{color: #fff;line-height: 2.2}

/*底部公共导航*/
#global-bottomnav{width:100%; height:auto; overflow:hidden; padding-bottom:10px;}
#global-bottomnav .center{wwidth:auto; float:left; border-bottom:#adbbc3 solid 1px; height:auto; overflow:hidden; margin:0px auto; margin-top:25px}
#global-bottomnav .center .one{width:116px; height:auto; overflow:hidden; float:left; margin-right:18px;}
#global-bottomnav .center .one .sortName{width:116px; height:50px; overflow:hidden; font-size:17px; line-height:50px;}
#global-bottomnav .center .one .sortName a{color:#eee; text-decoration:none;}
#global-bottomnav .center .one .sortName a:hover{color:#000;}
#global-bottomnav .center .one .list{padding-top:5px;}
#global-bottomnav .center .one .list ul{list-style:none;}
#global-bottomnav .center .one .list ul li{width:100%; height:24px; overflow:hidden; line-height:24px;}
#global-bottomnav .center .one .list ul li a{color:#999; text-decoration:none;}
#global-bottomnav .center .one .list ul li a:hover{color:#000;}
#global-bottomnav .center .ewm{width:120px; height:auto; overflow:hidden; float:right;}
#global-bottomnav .center .ewm span{display:block; line-height:39px; text-align:center; color:#646464;}

@media all and (max-width:1366px){
    .pro{min-height: 954px;}
    .prob{height: 180px;}
    .load_img {
        width: 600px;
        height: 400px;
        position: absolute;
        left: 50%;
        margin-left: -310px;
        bottom: 50%;
        margin-bottom: -210px;
    }
    .load_img img{
        height: 400px;
    }
    .pro-info-list-img{
        height: 128px;
    }
}